<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="首页">p2p网贷平台</title>
    <link rel="stylesheet" th:href="@{/css/loanmian.css}"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/index.css}" type="text/css">
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/vue.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/axios.min.js}" type="text/javascript"></script>
</head>
<body>
<header th:fragment="head">
    <script th:src="@{/layui/layer/layer.js}" type="text/javascript"></script>
    <div class="head-title" style="width: 100%;
    height: 50px;
    background-color: #658297;">
        <ul>
            <a th:href="@{/loan/loanmian}">
                <li style="margin-left: 100px">首页</li>
            </a>
            <li th:if="null ne ${session.loanuser}">
                <a href="javascript:;" id="show-inform" style="color: #fff;text-decoration: none">我的消息</a>
            </li>
            <li><a style="color: #fff;text-decoration: none" th:href="@{/loan/Personal/preacover}">个人中心</a></li>
            <a th:href="@{/loan/preapply}">
                <li style="margin-left: 5px">贷款申请</li>
            </a>
            <a th:href="@{/loan/preloan}">
                <li style="margin-left: 5px">我的贷款</li>
            </a>
            <a th:href="@{/loan/prepayloan}">
                <li style="margin-left: 5px">待还款</li>
            </a>

            <li style="margin-left: 750px" th:if="null eq ${session.loanuser}">
                <a style="color: #fff;text-decoration: none" th:href="@{/loan/reglog/toreg}">注册</a>
            </li>
            <li th:if="null eq ${session.loanuser}">
                <a style="color: #fff" th:href="@{/loan/reglog/tologin}">登录</a>
            </li>
            <li id="exit();" style="margin-left: 750px" th:if="null ne ${session.loanuser}">
                <a href="javascript:" onclick="exit();" style="color: #fff">退出</a>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        function exit() {
            layer.confirm('确定要退出吗？', {title: '确认退出'}, function (index) {
                console.log(index);
                location.href = '[[@{/loan/reglog/exit}]]';
            })
        }
    </script>
    <script th:if="null ne ${session.loanuser}">
        $('#show-inform').on('click', function () {
            layer.open({
                id: 'informs-layer',
                type: 2,
                title: '全部通知',
                content: '[[@{/inform/findInforms}]]',
                area: ['800px', '600px'],
                scrollbar: false,
                resize: true
            });
        });
    </script>
    <div style="background-color: #fff;
    height: 100px;
padding-left: 100px;line-height: 100px;border-bottom: 1px solid">
        <img style="    border-right: 1px solid #bfbfbf;" th:src="@{/images/logo.png}">
        <span style="margin-left: 30px;
    font-size: 20px;
    font-weight: 700;
    color: rgba(130,130,130,0.93);">极速借款,用亿人宝</span>
    </div>
</header>

<!--网站底部-->
<div class="ft" id="footer" th:fragment="footer">
    <div class="ft-inner clearfix">
        <div class="ft-helper clearfix">
            <dl>
                <dt>关于我们</dt>
                <dd><a href="公司简介.html">公司简介</a>
                    <a href="管理团队.html">管理团队</a>
                    <a href="网站公告.html">网站公告</a></dd>
            </dl>
            <dl>
                <dt>相关业务</dt>
                <dd><a href="list.html">我要投资</a>
                    <a href="我要借款.html">我要借款</a>
                </dd>
            </dl>
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a href="帮助中心.html">新手入门</a>
                    <a href="个人中心首页.html">我的账户</a>
                    <a href="list.html">债权转让</a>
                </dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd>
                    <a href="联系我们.html">联系我们</a>
                </dd>
            </dl>
        </div>
        <div class="ft-service">
            <dl>
                <dd>
                    <p>
                        <strong>400-660-1268</strong><br>
                        工作日 9:00-22:00<br>
                        官方交流群:<em>12345678</em><br>
                        工作日 9:00-22:00 / 周六 9:00-18:00<br>
                    </p>
                    <div class="ft-serv-handle clearfix">
                        <a class="icon-hdSprite icon-ft-sina a-move a-moveHover" href="#" target="_blank"
                           title="亿人宝新浪微博"></a>
                        <a class="icon-hdSprite icon-ft-qqweibo a-move a-moveHover" href="#" target="_blank"
                           title="亿人宝腾讯微博"></a>
                        <a class="icon-ft-qun a-move a-moveHover" href="#" target="_blank" title="亿人宝QQ群"></a>
                        <a class="icon-hdSprite icon-ft-email a-move a-moveHover mrn" href="mailto:xz@yirenbao.com"
                           target="_blank" title="阳光易贷email"></a>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="ft-wap clearfix">
            <dl>
                <dt>官方二维码</dt>
                <dd><span class="icon-ft-erweima"><img style="display: inline;" th:src="@{/images/code.png}"></span>
                </dd>
            </dl>
        </div>
    </div>
    <div class="ft-record">
        <div class="ft-approve clearfix">
            <a class="icon-approve approve-0 fadeIn-2s" href="#" target="_blank"></a>
            <a class="icon-approve approve-1 fadeIn-2s" href="#" target="_blank"></a>
            <a class="icon-approve approve-2 fadeIn-2s" href="#" target="_blank"></a>
            <a class="icon-approve approve-3 fadeIn-2s" href="#" target="_blank"></a>
        </div>
        <div class="ft-identity">©2015 亿人宝 All rights reserved&nbsp;&nbsp;&nbsp;<span class="color-e6">|</span>&nbsp;&nbsp;&nbsp;安徽省亿人宝投资管理有限公司&nbsp;&nbsp;&nbsp;<span
                class="color-e6">|</span>&nbsp;&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank">皖ICP备12345678号-1</a>
        </div>
    </div>
</div>
